<template>
  <div>
    <div class="nav">
      <p></p>
      <p>约课记录</p>
      <p @click="$router.push('/erweima')">二维码</p>
    </div>
<van-tabs v-model="active">
  <van-tab title="待上课"><van-empty description="待上课" /></van-tab>
  <van-tab title="已上课"><van-empty description="已上课" /></van-tab>
  <van-tab title="已取消"><van-empty description="已取消" /></van-tab>
 
</van-tabs>
    <TabberBtn></TabberBtn>
  </div>
</template>
<script>
import TabberBtn from "@/components/tabber.vue";

export default {
  data() {
    return {
      active:''
    };
  },
  components: {
    TabberBtn,
  },

  methods: {},
};
</script>
<style lang="scss" scoped>
.nav {
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  text-align: center;
  font-size: 23px;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.24);
  background-color: white;
}
</style>